<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="style.css">
    <title> Pinnit | {%block pagetitle %}{% endblock %}</title>
  </head>
  
  <body>
    <div id="header">
      <a href="/" id="pinnit"><img src="images/logo.png" height="40" width="100" alt="Pinnit Logo" /></a>
    </div>

    <div id="columnContainer">
      {% for p in col1 %}
      <h2>{{p.title}}</h2>
      {% endfor %}
    </div>

    <div id="columnContainer">
      {% for p in col2 %}
      <h2>{{p.title}}</h2>
      {% endfor %}
    </div>

    <div id="columnContainer">
      {% for p in col3 %}
      <h2>{{p.title}}</h2>
      {% endfor %}
    </div>

    <div id="columnContainer">
      {% for p in col4 %}
      <h2>{{p.title}}</h2>
      {% endfor %}
    </div>


  </body>

</html>
